<html>
	<head>
		<title>Itty Bitty RPG - Passively Single Player</title>
		<style>
		body {
			background-color: tan;
			font-family: Verdana, Tahoma;
		}
		#bd {margin: 0 auto; width: 700px; border-right: 1px solid black;
		border-bottom: 1px solid black;
		background-color: #ABD38D;
		}
		#right {float: right; width: 150px;}
		#left {margin-right: 170px; padding-left: 10px;}
		</style>
	</head>
	<body>
		<script src='ibrpglauncher.js'></script>
		<div id='bd'>
			<img src='assets/logo.png'/>

			<div id='right'>
				<div><b>Navigation</b></div>
				<div><small>This is your home village</small></div>
				<div id='ibrpg_home' class='ibrpg'></div>
				<hr>
				<div>
					<small><a href="http://code.google.com/p/ittybittyrpg/">Google Code Repository</a></small>
				</div>
				<div>
					<small><a href="http://games.groups.yahoo.com/group/ibrpg/">Yahoo Group</a></small>
				</div>
			</div>

			<div id='left'>
			<h3>What is it?</h3>
			<p>Itty Bitty RPG is a single player passive role playing game that
			anyone can embed in their own website! What is a "passive" role playing 
			game? Basically you can visit a site, slay a few monsters, upgrade your
			equipment and be off to your next thing all in a few moments. </p>
			<h3>Why is it cool?</h3>
			<p>
			It's a first! This code combines the convenience of a simple web counter
			with the gameplay of a role playing game. Using the latest and greatest
			in web technologies (see below) emerges a new kind of web application.
			</p>
			<h3>How do you play?</h3>
			<ol>
				<li>Click on the IBRPG icon in the navigation to create an account.</li>
				<li>Reload the page a few times. Mouse over the icon to see your 
				experience grow!</li>
				<li>Click on one of the random monsters that appear on the page</li>
				<li>After you succeed for fail, go back to the "town" to heal up.</li>
				<li>Click on the treasure chest to get some money. Monsters also give you 
				money sometimes <div class='ibrpg monster'/></div></li>
				<li>
				When you have enough money, go back to town to buy yourself some stuff.
				</li>
				<li>Reload at least 10 or so times - notice the spiffy alert dialog that 
				comes up when you level up!</li>
			</ol>
			<div class='ibrpg monster'/></div>
			<h3>How does it work?</h3>
			<p>A single javascript file bootstraps the loading of the YUI libraries and
			other resources. After that the code scans the site for special tags and inserts
			HTML for monsters, treasure, and many other interesting things in the future!
			</p>
			<div class='ibrpg monster'/></div>
			<p>Your information is stored between sessions via the persistent storage 
			feature of the Firefox browser.
			<div class='ibrpg treasure'></div>
			</p>
			<h3>How can I use it?</h3>
			<ol>
				<li>Go to the Google Code repository and download the latest release</li>
				<li>Modify the domain parameter in the ibrpg.js to match your domain</li>
				<li>Upload the scripts and resources directory to your web server</li>
				<li>Annotate your site to include DIV's with the following classes:
					<ul>
						<li>class="ibrpg" id="ibrpg_home" - main home link</li>
						<li>class="ibrpg monster" - random monster encounter</li>
						<li>class="ibrpg treasure" - treasure chest</li>
						<li> ... More to come!</li>
					</ul>
				
				</li>
			</ol>
			<h3>This is too limited! When will it have feature X?</h3>
			<p>This is an open source project! I fully expect to expand this in major 
			ways in the near future. Come to the Yahoo group and offer suggestions, or file 
			bugs/feature requests in the Google Code page. Future versions will 
			have expanded features like quests, pets, traps, etc. Versions for 
			Greasemonkey, Widgets, and Firefox plugins are also planned!
			</p>
			<h3>How did you make this?</h3>
			<p>Grab the source. Here's some of the credits for much of the code:
			<ul>
<li><a href='http://developer.yahoo.com/yui/'>YUI Utilities</a> for dialogs and many javascript shortcuts.
<li><a href='http://developer.mozilla.org/en/docs/DOM:Storage'>Firefox</a> for the globalStorage feature
<li>Douglas Crockford for the <a href='http://json.org/'>json</a> string functions
<li><a href='http://molotov.nu/?page=graphics'>Molotov.nu</a> for the Angband graphics
<li><a href='http://software.hixie.ch/utilities/cgi/data/data'>http://software.hixie.ch/utilities/cgi/data/data</a> - for data url creation
<li><a href="http://code.google.com/hosting/">Google code</a> for the project hosting - which allows me to dev this on many machines at all hours of the night...
<li><a href='http://www.zone38.net/font/'>Manaspace Font</a> for logo.
</ul>
			</p>
			<h3>Who are you?</h3>
			<p>I'm <a href='http://andrewwooldridge.com/blog'>Andrew Wooldridge</a> 
			- <a href="mailto:triptych@gmail.com">email me</a> </p>
			
			</div>

		</div>
	</body>
</html>